<!DOCTYPE html>
<html>
<head>
    <title>字典数据表</title>

	    <#include "/header.html">
	<style>

	</style>
</head>
<body>
<div class="layui-card lc-admin">
		<div class="layui-card-header lc-header-admin">
			<i class="fa fa-dropbox"></i> 信息列表
		</div>
		<div class="layui-card-body lc-body-admin">

		<div id="myapp" v-cloak>
			<#include "/excel.html">

            <div v-show="showList">
		        <div class="grid-btn">
		        	<div class="form-group col-sm-2 lc-query">
							<input type="text" class="form-control"
								@keyup.enter="query" placeholder="名称" v-model="params.name">
					</div>

					<a class="btn btn-default" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
		            <div class="btn-group btn-tools">
			            <#if shiro.hasPermission("SysDictDataController:save")>
			            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			            </#if>
			            <#if shiro.hasPermission("SysDictDataController:update")>
			            <a class="btn btn-info" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			            </#if>
			            <#if shiro.hasPermission("SysDictDataController:delete")>
			            <a class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			            </#if>

			            <div class="btn-group" role="group" style="margin-left: 10px;">
							<button type="button" class="btn btn-success dropdown-toggle"
								data-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false">
								<i class="fa fa-navicon"></i>导入/导出 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" style="min-width:110px;">
								<#if shiro.hasPermission("SysDictDataController:importExcel")>
					            <li><a  @click="openImportExcel"><i
										class="glyphicon glyphicon-upload"></i>&nbsp;导入</a></li>
					            </#if>
								<#if shiro.hasPermission("SysDictDataController:exportExcel")>
					            <li><a @click="exportExcel"><i
												class="glyphicon glyphicon-download"></i>&nbsp;导出</a></li>
					            </#if>
							</ul>
						</div>

		            </div>
                    <div id="importBox" class="hide">
                        <form id="importForm" name="importForm" method="post" enctype="multipart/form-data" action="" style="padding-left:20px;text-align:center;" ><br/>
                            <input name="file" type="file" style="width:330px"/>导入文件不能超过5M，仅允许导入“xls”或“xlsx”格式文件！<br/>　
                        </form>
                    </div>
		        </div>
		        <table id="jqGrid"></table>
		        <div id="jqGridPager" style="position: absolute; bottom: -39px;"></div>
		    </div>

		    <div v-show="!showList" class="panel panel-default">
		        <div class="panel-heading"><i class="fa fa-pencil-square-o"></i>{{title}}</div>
		        <form class="form-horizontal">
		            		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">字典类型</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="dictData.type" placeholder="字典类型"/>
		                        </div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">字典标签</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="dictData.name" placeholder="字典标签"/>
		                        </div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">字典键值</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="dictData.value" placeholder="字典键值"/>
		                        </div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">样式属性（其他样式扩展）</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="dictData.cssClass" placeholder="样式属性（其他样式扩展）"/>
		                        </div>
		                    </div>

                            <div class="form-group">
                                <div class="col-sm-2 control-label">表格回显样式</div>
                                <div class="col-sm-10">
                                    <select name="listClass" class="form-control " v-model="dictData.listClass">
                                        <option v-for="dict in listClassDatas" :value="dict.value">{{dict.name}}</option>
                                    </select>
                                <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> table表格字典列显示样式属性</span>
                                </div>
                            </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">是否默认（Y是 N否）</div>
		                        <div class="col-sm-10" style="display: flex;flex-wrap: wrap;">
<!--		                            <input type="text" class="form-control" v-model="dictData.isDefault" placeholder="是否默认（Y是 N否）"/>-->
									<div style="padding: 10px;" v-for="dict in typeDatas" >
										<input type="radio" v-model="dictData.isDefault" name="isDefault" :value="dict.value">
										<label v-text="dict.name"></label>
									</div>
								</div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">状态（0正常 1停用）</div>
								<div class="col-sm-10" style="display: flex;flex-wrap: wrap;">
									<!--		                            <input type="text" class="form-control" v-model="dictData.isDefault" placeholder="是否默认（Y是 N否）"/>-->
									<div style="padding: 10px;" v-for="dict in statusDatas" >
										<input type="radio" v-model="dictData.status" name="status" :value="dict.value">
										<label v-text="dict.name"></label>
									</div>
								</div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">字典排序</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="dictData.orderNum" placeholder="字典排序"/>
		                        </div>
		                    </div>
		               	 		                		            		                									                		            		                									                		            		                									                		            		                									                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">备注</div>
		                        <div class="col-sm-10">
									<textarea type="text" class="form-control" v-model="dictData.remark" placeholder="备注"></textarea>
		                        </div>
		                    </div>
		               	 		                		            		                									                		            		            <div class="form-group">
		                <div class="col-sm-2 control-label"></div>
		                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
		                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
		            </div>
		        </form>
		    </div>
		</div>
	</div>
</div>

<script src="${ctx}webjars/static/js/modules/sys/dictdata.js?_${.now?long}"></script>
</body>
</html>